<template>
    <view class="bill-container flex fd-c">
        <topBar :back="true">
            <template #center style="width: 100%;">
                <!-- 导航栏 -->
                <view class="nav-bar flex ai-c jc-c">
                    <view class="nav-tabs" style="font-size: 32rpx;font-weight: 700;color: #333;">
                        帮助
                    </view>
                </view>
            </template>
        </topBar>
        <!-- 内容区域 -->
        <scroll-view class="scrollable-content" scroll-y>
            <input type="textarea" v-model="textarea" placeholder="请输入你的问题，留言" />
        </scroll-view>
        <view class="submit-btn" @click="handleSubmit"> 提交 </view>
    </view>
</template>

<script setup>
import topBar from '@/components/topBar.vue'
import { ref } from 'vue'
const textarea = ref('')
const handleBack = () => {
    uni.navigateBack()
}
</script>

<style scoped>
.bill-container {
    height: 100vh;
    background-color: #f7f7f7;
    position: relative;
    display: flex;
    flex-direction: column;
}

.scrollable-content {
    padding: 32rpx;
    box-sizing: border-box;
}
.submit-btn {
    width: 90%;
    margin: 0 auto;
    height: 80rpx;
    background-color: #0F50DC;
    color: #fff;
    text-align: center;
    border-radius: 80rpx;
    font-size: 32rpx;
    font-weight: 600;
    line-height: 80rpx;
    margin-bottom: calc(34rpx + env(safe-area-inset-bottom));
}
input::placeholder {
  font-size: 32rpx;
  color: #888;
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

</style>
